<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jq.qr.js"></script>
<script type="text/javascript" src="center/cfg.js"></script>
<title>互联网影像数据中心</title>
<style type="text/css">
html, body {font-family:Helvetica, Arial,"Microsoft YaHei","微软雅黑",Simsun;margin:0px auto;padding:0px;font-size:14px;color: #333; }
div, form, img, ul, ol, li, th, td, dl, dt, dd, button, input {margin: 0;padding: 0;}
li {list-style-type: none;}
img {vertical-align: top;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-size: 14px;}
input {font-size: 12px;vertical-align: middle;color: #333;line-height: 20px;}
table {border-collapse: collapse;border-spacing: 0;}
a:link, a:visited {color: #06c;text-decoration: none;outline:none;}
a:hover {text-decoration: underline;}


/***login****/
html, body{ height:100%;}
.login_h img{ padding-top:40px;}
.login_c{ height:700px; background:url(images/bj.jpg) center center;position:relative}
.login_m{ width:400px; height:640px; position:absolute; top:50%; left:50%; margin-top:-320px; margin-left:-200px;background:url(images/bj.png);}
</style>
<link href="./css/bootstrap.min.css" rel="stylesheet">

<!-- Optional Bootstrap Theme -->
<link href="data:text/css;charset=utf-8," data-href="./css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">

<!-- Documentation extras -->


<link href="./css/style.css" rel="stylesheet">

<!--[if lt IE 9]><script src="../js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="./js/ie-emulation-modes-warning.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- Favicons -->
</head>
<body>
<!--头部-->
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a href="#" class="navbar-logo">互联网影像数据中心</a> </div>
    <nav id="bs-navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="center/index.html">登录</a></li>
        <li><a href="center/index.html#/register" >注册</a></li>
      </ul>
      <ul class="nav navbar-nav boco_navbar-nav">
        <li > <a href="index.html" >首页</a> </li>
        <li > <a href="about.html" >关于我们</a> </li>
        <li class="active"> <a href="app.html" >APP下载</a> </li>
      </ul>
    </nav>
  </div>
</header>
<div class="boco_navbar"></div>
<!--头部-->


<div class="login_c">
	<div class="login_m">
		<h1 style="color:#fff; font-size:30px; text-align:center; line-height:100px;">扫一扫下载</h1>
		<div  style=" background:#FFF; width:300px; height:300px; margin:auto;border-radius:10px; border:10px solid #FFF;" id="qr-wrap">
			<!--<img src="images/qr.png" width="280" height="280" />-->
		</div>
		<h2 style="color:#fff; font-size:16px; text-align:center; line-height:30px; width:80%; margin:auto; margin-top:20px; margin-bottom:20px;">请拿起手机扫描上方二维码，或点击下面按钮保存到个人电脑！
		</h2>
		<div style="width:320px; height:52px; margin:auto;">
			<a id="android_dl" href="###" target="_blank" style=" float:left;">
				<img src="images/android.png" width="155" height="52" />
			</a>
			<a id="ios_dl" href="###" target="_blank" style=" float:left; margin-left:10px;">
				<img src="images/ios.png" width="155" height="52" />
			</a>
		</div>
	</div>
</div>

<!--底部-->

<footer class="bs-docs-footer" role="contentinfo">
  <div class="container">
    <p>Copyright©亿阳集团 版权所有&nbsp;&nbsp;&nbsp;&nbsp;地址：北京市海淀区杏石口路99号A座&nbsp;&nbsp;&nbsp;&nbsp;电话：010-00000000&nbsp;&nbsp;&nbsp;&nbsp;京ICP备11026994号-1。</p>
  </div>
</footer>
<!--底部-->

<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/bootstrap.min.js"></script> 
<script src="./js/docs.min.js"></script> 

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
<script src="./js/ie10-viewport-bug-workaround.js"></script> 

<!-- Analytics
================================================== -->
<script type="text/javascript" src="js/download-app.js"></script>
<script type="text/javascript">
    $(function(){
        var download_url = 'download/index.html',
            env_url = window.location.origin+window.location.pathname.match(/[\w|\W]*wap\//)[0].replace(/wap\/$/,'')+download_url;
        $('#qr-wrap').qrcode({
            text	: env_url,
            width   : 280,
            height  : 280
        });
        getDownloadUrl('android',function(r){
            var adrD = document.getElementById('android_dl');
            if(r){
                adrD.href = r;
            }else{
                adrD.href = '###';
            }
        });
        getDownloadUrl('ios',function(r){
            var adrD = document.getElementById('ios_dl');
            if(r){
                adrD.href = r;
            }else{
                adrD.href = '###';
            }
        });
    })
</script>

</body>
</html>